<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>条件渲染</title>
	<style>

	</style>
</head>
<body>

<div id="app">
	<div v-if="isLogin">AniPython</div>
	<div v-else>请登陆</div>

	<template v-if="ok">
		<h1>Title</h1>
		<p>Paragraph 1</p>
		<p>Paragraph 2</p>
	</template>
	<hr>
	<h1 v-if="ok1">我是v-if</h1>
	<h1 v-show="ok1">我是v-show</h1>
</div>


<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.js"></script>
<script>
  let app = new Vue({
    el: '#app',
    data: {
      isLogin: false,
	    ok: false,
	    ok1: true
    }
  })
</script>
</body>
</html>